<template>
  <div class="myheader">
    <div class="left">
      <slot name="left"></slot>
    </div>
    <div class="tittle">传智播客 黑马程序员Vue.js</div>
    <div class="right">
      <slot name="right"></slot>
    </div>

  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.myheader{
    display:flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    background-color: #26a2ff;
     color:#fff;
     padding:0 20px;
    .tittle{
      font-size: 18px;
    }
    .left{
      font-size: 20px;
    }
}
</style>